<!DOCTYPE html>
<html lang="en">
<head>
    <title>Sematics Tag</title>
</head>
<body>
    <p>1. hgroup tag</p>
    <p>Allows you to group different levels of headings  </p>
    <hgroup>
        <h1>Bookyourhotel</h1>
        <h3>Rating of the hotels</h3>
        <h5>local visiting place, sight seeing</h5>
    </hgroup>
    <hr>
    <p>2. article</p>
    <p>Defines an independent or a self-contained content.    </p>

    <article>
        <h3>Welcome to Hainan</h3>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas neque natus, in sit, accusantium sed quos nemo quisquam quibusdam, dolor rerum! Omnis sequi, autem provident illum ratione vero delectus repellendus.</p>
    </article>
<br>
    <p>3. ASide</p>
    <p>Specifies the content other than the main tag, such as a note or a tip.     </p>
    <aside>
              <p>discounts on hotel booking use code <b><i>nwy20</i></b></p>
    </aside>
   
    <hr>
</body>
</html> 
